<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文章列表--layui后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css" media="all" />
	<link rel="stylesheet" href="../../css/news.css" media="all" />
	<link rel="stylesheet" href="../../css/common.css" media="all" />
	<link rel="stylesheet" href="../../css/simple-calendar.css">
	<script  src="../../js/simple-calendar.js"></script>
</head>
<body class="childrenBody">

	<!--用户展示区域-->
	<div class="">
		<div class="">


	<!--表格展示区-->
			<div class="layui-form touxiangbox videoL">
				<div style="border: 1px solid #cc0000;margin: 20px">
					<p style="font-size: 20px;padding: 20px">我的同学</p>
					<div class="txue">
						<div class="xsheng">
							<div class="xshengL"> <img src="../../images/face.jpg"></div>
							<div class="xshengR">学生姓名</div>
						</div>
						<div class="xsheng">
							<div class="xshengL"> <img src="../../images/face.jpg"></div>
							<div class="xshengR">学生姓名</div>
						</div>
						<div class="xsheng">
							<div class="xshengL"> <img src="../../images/face.jpg"></div>
							<div class="xshengR">学生姓名</div>
						</div>
						<div class="xsheng">
							<div class="xshengL"> <img src="../../images/face.jpg"></div>
							<div class="xshengR">学生姓名</div>
						</div>
						<div class="xsheng">
							<div class="xshengL"> <img src="../../images/face.jpg"></div>
							<div class="xshengR">学生姓名</div>
						</div>
						<div class="xsheng">
							<div class="xshengL"> <img src="../../images/face.jpg"></div>
							<div class="xshengR">学生姓名</div>
						</div>
						<div class="xsheng">
							<div class="xshengL"> <img src="../../images/face.jpg"></div>
							<div class="xshengR">学生姓名</div>
						</div>
					</div>
				</div>
				<blockquote class="search_box">
					<div class="layui-inline ">
						<a class="userrole_btn active">成就动态</a>
						<a class="userrole_btn">金币动态</a>
						<a class="userrole_btn">系统动态</a>
					</div>

				</blockquote>

				<div style="overflow: hidden;padding: 20px">

					<div class=" txlist">
						<div class="txtop">
							<div class="tximg">
								<img src="../../images/face.jpg">
							</div>
							<div class="txcj">
								<p>用户姓名</p>
								<p>完成了一对一课程，获得1000金币</p>
							</div>
						</div>
						<div class="txbotom">
							<img src="../../images/baner.png">
							<span>介绍介绍介绍</span>
						</div>
					</div>
					<div class=" txlist">
						<div class="txtop">
							<div class="tximg">
								<img src="../../images/face.jpg">
							</div>
							<div class="txcj">
								<p>用户姓名</p>
								<p>完成了一对一课程，获得1000金币</p>
							</div>
						</div>
						<div class="txbotom">
							<img src="../../images/baner.png">
							<span>介绍介绍介绍</span>
						</div>
					</div>
				</div>

				<div id="page1" style="padding: 0 20px ">
					<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-0">
						<a href="javascript:;" class="layui-laypage-prev" data-page="1">上一页</a>
						<a href="javascript:;" data-page="1">1</a>
						<span class="layui-laypage-curr">
				<em class="layui-laypage-em"></em>
				<em>2</em></span>
						<a href="javascript:;" data-page="3">3</a>
						<a href="javascript:;" data-page="4">4</a>
						<a href="javascript:;" data-page="5">5</a>
						<span>…</span>
						<a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">末页</a>
						<a href="javascript:;" class="layui-laypage-next" data-page="3">下一页</a>
					</div>
				</div>

			</div>
			<div class="videoR">
				<button class="layui-btn add" style="width: 300px;margin: 20px auto">领取试听课程</button>
				<div style="height: 360px">
					<div>
						<div id='container'></div>
						<script>
                            var myCalendar = new SimpleCalendar('#container');
                            myCalendar.updateSize('300px', '300px');
                            myCalendar.showLunarCalendar(false);
                            myCalendar.showHoliday(false);
                            myCalendar.showSolarTerm(false);
						</script>
					</div>
				</div>
				<div class="qiandao">
					<button class="layui-btn" style="width: 200px;margin: 0 auto">签到</button>
				</div>
			</div>
	<!--layer分页-->
	<!--<div id="page"></div>-->
	<!--静态分页-->


	<script type="text/javascript" src="../../layui/layui.js"></script>

		<script type="text/javascript" src="index.js"></script>
		</div>
	</div>
	<!--添加弹窗-->
	<div class="mt20" id="addtype" >
		<form class="layui-form" action="">
			<div class="layui-form-item">
				<label class="layui-form-label "><span style="color: red">*</span>上课时间</label>
				<div class="layui-input-block  w200">
					<input type="text" class="layui-input newsTime" placeholder="上课日期" lay-verify="date" onclick="layui.laydate({elem:this})">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label ">其他要求</label>
				<div class="layui-input-block  w200">
					<textarea style="width: 200px;height: 60px"></textarea>
				</div>
			</div>



			<div class="layui-form-item">
				<div class="layui-input-block" style="margin-left: 130px;">
					<button class="layui-btn">提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>

		</form>
	</div>

</body>
</html>